const echarts = require("echarts")


const option = {
  grid: {
    y2: '30',
    x: '50',
    y: '100',
    x2: '15',
  },
  legend: {
    x: '25',
    y: '50',
    itemWidth: 15,
    itemHeight: '10',
    data: [
      {
        name: '已签署',
        textStyle: { fontWeight: 'bold', color: '#e8e8dc', fontSize: '10' },
      },
      {
        name: '未签署',
        textStyle: { fontWeight: 'bold', color: '#e8e8dc', fontSize: '10' },
      },
      {
        name: '签署率',
        textStyle: { fontWeight: 'bold', color: '#0eddfd', fontSize: '10', },
      },
    ]

  },
  title: {
    text: '责任书签署(人数)',
    left: 'center',
    top: 20,
    textStyle: {
      color: '#d9efff'
    }
  },
  xAxis: [
    {
      type: 'category',
      axisLine: {
        show: true,
        lineStyle: {
          color: "white", //y轴线的颜色（若只设置了y轴线的颜色，未设置y轴文字的颜色，则y轴文字会默认跟设置的y轴线颜色一致）
          type: "solid", //y轴线为实线
        },
      },

      // data: ['Jan',
      //   'Fab',
      //   'Mar',
      //   'Apr',
      //   'May',
      //   'Jun',
      //   'Jul',
      //   'Aug',
      //   'Sep',
      //   'Oct',
      //   'Nov',
      //   'Dec',],

      data: ['儒拉玛特',
        '大熙',
        '妥思',
        '宇弘研',
        '标景',
        '品洁',
        '国通',
        '天逸得',
        '好邦',
        '威世达',
        '威捷特',
        '尚科威',],

      axisLabel: {
        show: true,
        interval: 0,
        textStyle: {
          color: '#d2d4da'
        }
      },
      axisLabel: {
        interval: 0,
        textStyle: {
          color: '#d2d4da',
          fontSize: '11',
        }
      },
    }
  ],
  yAxis: [
    {
      type: 'value',
      // interval: 50,
      scale: true,
      // max: 100,
      splitLine: {
        lineStyle: {
          color: '#1f3054'
        },
      },
      axisLabel: {
        textStyle: {
          color: '#d2d4da',
          fontSize: '9',
        }
      },
      axisLine: {
        show: true,
        lineStyle: {
          color: "white", //y轴线的颜色（若只设置了y轴线的颜色，未设置y轴文字的颜色，则y轴文字会默认跟设置的y轴线颜色一致）
          type: "solid", //y轴线为实线
        },
      },
    },
    {
      type: 'value',
      show: false,
      interval: 1,
      axisLabel: {
        show: true,
        interval: 'auto',
        formatter: '{value} %'
      },

    }
  ],
  series: [
    {
      name: '已签署',
      barWidth: 25,
      borderWidth: '0',
      type: 'bar',
      stack: '总量',
      itemStyle: {
        normal: {
          color: new echarts.graphic.LinearGradient(0, 1, 0, 0, [{
            offset: 1,
            color: "#3893e5" // 0% 处的颜色
          },
          {
            offset: 0,
            color: "#00ffff" // 100% 处的颜色
          }], false),
        },
      },
      label: {
        normal: {
          color: '#fff',
          show: true,
          position: 'inside',
          zlevel: '1000',
        }
      },
      data: [45, 22, 256, 87, 30, 68, 100, 40, 29, 26, 69, 92]
    },
    {
      name: '未签署',
      type: 'bar',
      stack: '总量',
      itemStyle: {
        normal: {
          color: '#626262'
        },
      },
      label: {
        normal: {
          color: '#dbdde2',
          show: true,
          position: 'inside'
        }
      },
      data: [0, 0, 17, 13, 6, 3, 7, 8, 2, 1, 5, 2]
    },
    // {
    //   name: '总人数',
    //   type: 'bar',
    //   stack: '总量',
    //   label: {
    //     normal: {
    //       // offset:['50', '80'],
    //       show: true,
    //       position: 'top',
    //       formatter: '{c}',
    //       textStyle: { color: '#fff' }
    //     }
    //   },
    //   itemStyle: {
    //     normal: {
    //       color: 'rgba(128, 128, 128, 0)'
    //     }
    //   },
    //   data: [45, 22, 273, 100, 0, 0, 0, 0, 0]
    // },
    {
      name: '签署率',
      symbol: 'circle',
      symbolSize: 8,
      smooth: true,
      type: 'line',
      yAxisIndex: 1,
      data: [100, 100, 93.8, 87, 83, 96, 93, 83, 93, 96, 93, 98],
      itemStyle: {
        normal: {
          color: '#0eddfd',
          label: {
            show: true,
            position: "top",
            formatter: '{c}%',
            borderWidth: 10,
            color: '#0eddfd',
            padding: 4,

          },
          labelLine: {
            show: false
          }
        },

      }
    }
  ]
};
// var series = option["series"];
//         var fun = function (params) { 
//                 var data3 =0;
//                 for(var i=0,l=series.length-1;i<l;i++){
//                     console.log(series[i].data[params.dataIndex])
//                     data3 += series[i].data[params.dataIndex]

//                 }
//                 console.log(data3)
//                 return data3
//             }
//         //加载页面时候替换最后一个series的formatter
//         series[series.length-1]["label"]["normal"]["formatter"] = fun 
//         // 使用刚指定的配置项和数据显示图表。
// if (option && typeof option === "object") {
//     myChart.setOption(option, true);
// }
export default option